<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示与光标属性</title>
	<style>
		/*
		添加背景图
		*/
	   div{
		   width:500px;
		   height:500px;
		   background: url(img/1.png);
		   background-size:100% ;
		   /*
		   显示属性 display作用：将盒子模型中块，行，行内块元素切换显示
		   显示属性值：none 将盒子模型从页面消失
		             block 将盒子模型中元素转换为块元素
		             inline·将盒子模型中元素转换为行元素
			---理论：行转块、块转行、原则针对盒子模型中元素
			属性值：遮罩层，左栏--none隐藏  block显示		 
		   */
		  dis play: block;
		  /*
		  效果：XXX没有了
		  块转行，行内元素特点：元素的宽度由内容定
		  div  特点：有宽没高
		  */
	   }
	   p{
		width:500px;
		height:500px;
		background: url(img/2.png);
		background-size:100% ;
		   /*
		   显示属性：隐藏
		   visibility:hidden;和display:none;区别?
		   visibility:hidden;特点：盒子模型存在，内容隐藏 
		   visibility
		   */
		  visibil ity:hidden;
		  /*
		  光标属性：cursor 属性值 pointer 指针
		                         crosshair 十字准线
								 text     文本
								 wait    加载等待
								 help   帮助
								 
								
								 
		  */
		 cursor:pointer;
	   }
	   /*
	   p添加背景图片  500*500
	   */
	</style>
	</head>
	<body>
		<div></div>
		人心中的成见是一座大山
		<p></p>
		66666
	</body>
</html>